<template>
    <div class="app-container calendar-list-container">
        <basic-container>
            <el-tabs v-model="activeName">
                <el-tab-pane label="待审核" name="one">
                    <product-content :status="0" :active="activeName==='one'?true:false"/>
                </el-tab-pane>
                <el-tab-pane label="上架" name="two">
                    <product-content :status="1" :active="activeName==='two'?true:false"/>
                </el-tab-pane>
                <el-tab-pane label="审核不通过" name="three">
                    <product-content :status="2" :active="activeName==='three'?true:false"/>
                </el-tab-pane>
                <el-tab-pane label="已下架" name="four">
                    <product-content :status="3" :active="activeName==='four'?true:false"/>
                </el-tab-pane>
                <el-tab-pane label="平台下架" name="five">
                    <product-content :status="4" :active="activeName==='five'?true:false"/>
                </el-tab-pane>
            </el-tabs>
        </basic-container>
    </div>
</template>
<script>
import ProductContent from "./ProductContent";
export default {
    components: {
        ProductContent,
    },
    data() {
        return {
            activeName: "one",
        };
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
</style>